El diseño web responsive es el concepto del diseño web adaptable o adaptativo (en inglés, Responsive Web Design) a diferentes dispositivos. Se trata de una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en la hoja de estilo CSS, consigue adaptar el sitio web para poder visualizarlo en cualquier dispositivo, ya se trate de ordenadores portátiles o de sobremesa con diferentes resoluciones de pantalla, tablets, smartphones, etc…
Origen
La idea y el propósito del diseño web adaptativo fue previamente discutida y descrita por el consorcio W3C en julio de 2008 en su recomendación «Mobile Web Best Practices» bajo el subtítulo «One Web«. Dicha recomendación, aunque específica para dispositivos móviles, puntualiza que está hecha en el contexto de «One Web«, y que por lo tanto engloba no solo la experiencia de navegación en dispositivos móviles sino también en dispositivos de mayor resolución de pantalla como dispositivos de sobremesa. El concepto de «One Web» hace referencia a la idea de construir una Web para todos (Web for All) y accesible desde cualquier tipo de dispositivo (Web on Everything). Hoy en día, la variedad de dispositivos existente en el mercado ha provocado que la información disponible no sea accesible desde todos los dispositivos, o bien es accesible pero la experiencia de navegación es muy pobre.
Ventajas
Con una sola versión en HTML y CSS se cubren todas las resoluciones de pantalla, es decir, el sitio web creado estará optimizado para todo tipo de dispositivos: PCs, tabletas, teléfonos móviles, etc. Esto mejora la experiencia de usuario a diferencia de lo que ocurre, por ejemplo, con sitios web de ancho fijo cuando se acceden desde dispositivos móviles. De esta forma se reducen los costes de creación y mantenimiento, pues se evita tener que desarrollar aplicaciones para versiones móviles, por ejemplo, una aplicación específica para móviles Android, otra para IPhone, etc… Desde el punto de vista de la optimización de motores de búsqueda, sólo aparecería una URL en los resultados de búsqueda, con lo cual se ahorran redirecciones y los fallos que se derivan de éstas. También se evitarían errores al acceder al sitio web en concreto desde los llamados «social links«, es decir, desde enlaces que los usuarios comparten en medios sociales tales como Facebook, Twitter, LinkedIn, Google+, etc… y que pueden acabar en error dependiendo de qué enlace se copió (desde qué dispositivo se copió) y desde qué dispositivo se accede.
Recomendaciones
Con motivo de la cada vez mayor demanda de dispositivos móviles, la mayor utilización de estos por parte del usuario medio para visitar todo tipo de sitios web, y sobre todo las expectativas de los motores de búsqueda y los navegadores de que esto se suceda de forma agradable y natural, a día de hoy se hace no solo recomendable si no más bien imprescindible la creación o renovación de sitios web para hacerlos adaptables.
En IngenioVirtual creamos sitios web modernos y funcionales, y por supuesto también adaptables a los dispositivos móviles, siempre para facilitar la interacción de los usuarios o público objetivo de nuestros clientes desde cualquier parte, si necesitas un sitio web para exponer tus productos o servicios, o deseas renovar el que ya tienes no dudes en contactar, estaremos encantados de asesorarte.
